<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
	<title>21001010615 魏思怡 虎牙直播</title>
    <link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./fonts/font_4283921_k7csj3k1y3/iconfont.css">
</head>
<style>

</style>
<body>
	<header id="top">
		<div>
            <ul>
                <li>
                    我的订阅
                </li>
            </ul>
		</div>
			<div>
                <span class="iconfont icon-sousuo1  "></span>
			</div>
            <div>
                <span class="iconfont icon-dingyue1   "></span>
			</div>
            <div>
                <span class="iconfont icon-icon_tianjia "></span>
			</div>
	</header>
	<nav class="snav">
	<div>
        <span class="iconfont icon-morentouxiang  "><p>danking</p></span>
        <span class="iconfont icon-touxiang  "><p>红莲</p></span>
        <span class="iconfont icon-morentouxiang  "><p>神超</p></span>
        <span class="iconfont icon-touxiang  "><p>kasaj</p></span>
        <span class="iconfont icon-morentouxiang  "><p>zmjjkk</p></span>
    </div>
    </nav>

    <div class="main">
        <span class="zb">正在直播（10）</span>
        <span class="ak">最近爱看</span>
    </div>

        <div class="tuijian"><ul class="list">
            <li>
                <a href="#">
                    <img src="./images/1.png">
                </a>
                <p>巅峰赛冲分</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/2.png">
                </a>
                <p>韩服复健</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/3.png">
                </a>
                <p>玩会组排</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/4.png">
                </a>
                <p>绝食流打野教学</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/5.png">
                </a>
                <p>新主播求关注</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/6.png">
                </a>
                <p>来喽来喽</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/7.jpg">
                </a>
                <p>中单刺客教学</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/8.jpg">
                </a>
                <p>BUG一样的存在!</p> 
            </li>
            <li>
                <a href="#">
                    <img src="./images/5.png">
                </a>
                <p>新主播求关注</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/5.png">
                </a>
                <p>新主播求关注</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/5.png">
                </a>
                <p>新主播求关注</p>
            </li>
            <li>
                <a href="#">
                    <img src="./images/5.png">
                </a>
                <p>新主播求关注</p>
            </li>
        </ul>
    </div>



</body>


<script>
var tabs = document.querySelectorAll("body")
for (let i = 0; i < tabs.length; i++) {
    tab(tabs[i]);
}

function tab(main) {
    var li = main.querySelectorAll(".top li");
    var box = main.querySelectorAll(".box");
    for (let i = 0; i < li.length; i++) {
        li[i].onclick = () => {
            for (let j = 0; j < li.length; j++) {
                li[j].classList.remove("selected")
                box[j].classList.add("none");
            }
            li[i].classList.add("selected");
            box[i].classList.remove("none");
        }
    }
}</script>

<nav class="bnav"><!-- 下导航 -->
    <ul>
        <li >
            <div>
                <a href="./index.html"><span class="iconfont icon-shouye"></span>
                    <p>首页</p></a>
            </div>
        </li>
        <li class="selected_1">
            <div>
                <a href="./1.5.html"><span class="iconfont icon-dingyue1"></span>
                    <p>订阅</p></a>
            </div>
        </li>
        <li >
            <div>
                <a href="./match.html"> <span class="iconfont icon-saishi"></span>
                    <p>赛事</p></a>
            </div>
        </li>
        <li >
            <div>
                <a href="./benefit.html"><span class="iconfont icon-fuli"></span>
                    <p>福利</p></a>
            </div>
        </li>
        <li >
            <div>
                <a href="./my.html"><span class="iconfont icon-wode"></span>
                    <p>我的</p></a>
            </div>
        </li>
    </ul>
</nav>






<script>
var tabs = document.querySelectorAll("body")
for (let i = 0; i < tabs.length; i++) {
tab(tabs[i]);
}

function tab(main) {
var li = main.querySelectorAll(".top li");
var box = main.querySelectorAll(".box");
for (let i = 0; i < li.length; i++) {
    li[i].onclick = () => {
        for (let j = 0; j < li.length; j++) {
            li[j].classList.remove("selected")
            box[j].classList.add("none");
        }
        li[i].classList.add("selected");
        box[i].classList.remove("none");
    }
}
}</script>

</body>

</html>